开发模式

摹客3支持切换到开发模式，方便研发人员查看设计标注、下载切图、查看代码。

进入开发模式

在顶部导航，通过按钮切换到开发模式（Ctrl + Shift + D），右侧属性面板将会显示开发模式下的属性。

标记开发

在设计模式和开发模式下，可以选中画板容器或分区容器，标记为开发中。

标记后，可在开发模式下查看哪些页面有标记开发，便于研发人员快速查看。

属性设置

开发模式下，支持将属性设置为【代码】、【属性】，代码指查看图层代码，属性指查看图层属性。

支持设置代码，包含CSS、Swift、Objective-C、XML代码切换；以及px、rem切换。

设计稿转代码

摹客3新增支持D2C，用于将设计稿转换为代码，方便开发人员快速开发。可以选择单个或多个画板，一键转为HTML代码、Vue代码、React代码。

生成后，全屏可查看HTML代码转换的设计实际效果。

通过左上角可切换转为Vue代码、React代码。生成后的代码，会以工程项目结构方式呈现，可以一键下载代码包或复制到开发工具内。

下载切图

支持选中图层手动标记导出切图，也可以切换到【切图】面板，下载画板所有切图。